<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>display</title>
    <style type="text/css">
        span{
            /*
                display: 属性
                block: 块元素
                none: 不显示
                inline: 行内元素
                inline-block: 块元素    在一行显示
            */
            display: block; /*块元素*/
            height: 20px;
            width: 200px;
            border: 1px solid red;
        }
        div{
            height: 20px;
            width: 200px;
            border: 1px solid red;
            display: inline; /*行内元素*/
        }
    </style>
</head>
<body>
    <div>这是一个div1</div>
    <div>这是一个div2</div>
    <span>这是一个span1</span>
    <span>这是一个span2</span>
</body>
</html>